@include('common.header')
<link rel="stylesheet" href="{{ asset('/css/list.css') }}" />
<link rel="stylesheet" href="{{ asset('/css/box.css') }}" />
<link rel="stylesheet" href="{{ asset('/css/style.css') }}">
<script>

	
	// 批量删除 标签
	function all_del()
	{
		var all	 =	[];
		var key	 =	0;
		$(".group1 :checkbox:checked").each(function()
		{
			// 遍历 获取每个选中框的 tag_id
			var sku = $(this).val();
			++key;
			all[key] = sku ;
		});
		if( key==0 )
		{
			$(".opa").html('没有要删除的标签');
			$(".opa").slideDown(1000);
			$(".opa").delay(1500).slideUp(1000);
			return false;
		}
		if( confirm('确定要删除这些标签吗？') )
		{
			$.ajax({
				type:"post",
				url:"{{ url('/delTags') }}",
				data:{all:all,_token:_token},
				async:true,    					
				dataType:"json",
				success:function(back)
				{
					if( back['show_info'].indexOf("成功") > 0 )
					{
						$(".opa").html(back['show_info']);
						$(".opa").slideDown(1000);
						$(".opa").delay(1500).slideUp(1000);
						setTimeout(function(){
							window.location.href="{{ url('/tag') }}";
						},2000);
					}else
					{
						$(".opa").html(back['show_info']);
						$(".opa").slideDown(1000);
						$(".opa").delay(1500).slideUp(1000);
					}
					
				}
			});
		}
	}

	
</script>


<!-- 标签搜索 -->
<div class="row" style="width:100%;margin-top:5%;" >
	<div class="col-md-5" >
		<nav style="margin-right:-200px;">
			<ol class="cd-breadcrumb custom-separator custom-icons" style="width:230px;" >
				<li><a href="{{ url('/') }}">首页</a></li>
				<li class="current"><a href="{{ url('/tag') }}">标签列表</a></li>
			</ol>
		</nav>
	</div>
	<div class="col-md-7" style="text-align:left;margin-top:20px;">
		<!-- 搜索框 -->
		<form action="{{ url('/tag') }}" method='post'   >
			<div class="input-group" style="width:400px;"  >
				
				{{ csrf_field() }}
				<input  type="text" name='keyword' class="form-control" placeholder="输入标签 ...." value="{{ $request or '' }}" style="border-radius:10px 0px 0px 10px;" />
				
				<span class="input-group-btn">
					<input class="btn btn-success" type="submit" value="Go!" />
					<a class="btn btn-default" href="{{ url('/tag') }}" style="border-radius:0px 10px 10px 0px;" />清空条件</a>
				</span>
				
			</div>
		</form>
	</div>
</div>


<!-- 标签表格 -->
<!-- class="bs-example" -->
<div  class="wrap" style="margin-top:2%;" >
	<!-- class="table table-hover" -->
    <table class="listtab" >
		<thead>
			<tr>
				<th></th>
				<th></th>
				<th>id</th>
				<th>标签</th>
				<th></th>
			</tr>
		</thead>
		<tbody>
			@forelse($tags as $tag_info)
				<tr>
					<td></td>
					<td class="group1" >
						<div class="roundedTwo"  style="margin-left:0px;" >
							<input type="checkbox" value="{{ $tag_info->id }}" id="{{ $tag_info->id }}"  />
							<label for="{{ $tag_info->id }}">{{ $tag_info->id }}</label>
						</div>
					</td>
					<td>{{ $tag_info->id }}</td>
					<td>{{ $tag_info->name }}</td>
					<td></td>
				</tr>
			@empty
				<tr>
					<td><h2>暂无数据</h2></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			@endforelse
			<tr>
				<td></td>
				<td>
					<label for="allChoose" >
						<input type="checkbox" name="tag[]" value='all' id="allChoose" />全选
					</label>
				</td>
				<td><a onclick="all_del()" style="cursor:pointer;text-decoration:none;" >删除</a></td>
				<td></td>
				<td></td>
			</tr>
		</tbody>
    </table>
</div>


<!-- 分页 -->
<div style='text-align:center;'>
	{{ $tags->appends(['keyword'=>$request])->links() }}
</div>
<div class="badge" style="width:100%;text-align:center;font-size:18px;margin-bottom:70px;" >
		共{{ $tags->total() }}条数据
</div>


<script type="text/javascript" >
	
	
	function allchk()
	{
		// 选项总个数
		var chknum = $(".group1 :checkbox").size();
		var chk = 0;
		$(".group1 :checkbox").each(function ()
		{
			if($(this).prop("checked")==true){
				chk++;
			}
		});
		// 选中的等于总个数
		if( chknum==chk )
		{
			// 全选按钮选中
			$("#allChoose").prop("checked",true);
		}else{
			// 全选按钮 取消选中
			$("#allChoose").prop("checked",false);
		}
	}
	
	
	
	$(function()
	{
		allchk();
		
		
		//设置全选复选框
		$(".group1 :checkbox").click(function()
		{
			allchk();
		});
		
		// 批量选中
		$('#allChoose').click(function()
		{
			if(this.checked)
			{
				$(".group1 :checkbox").prop("checked", true);
			}else
			{
				$(".group1 :checkbox").prop("checked", false);
			}
		});
		
		
		
	});
	
</script>


@extends('common.footer')

